<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>海尔</title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<!-- 头部开始 -->
		<div class="header">
			<div class="container">
				<div class="logo fl">
					<a href="">
						<img src="./images/logo.png" alt="">
					</a>
				</div>
				<div class="nav fl">
					<ul>
						<li class="fl">智慧家庭
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">智慧首页</a>
									</li>
									<li>
										<a href="">智家方案</a>
									</li>
									<li>
										<a href="">智慧家电</a>
									</li>
									<li>
										<a href="">生活资讯</a>
									</li>
									<li>
										<a href="">智慧体验店</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">个人与家用产品
							<div class="subnav subnav1">
								<ul>
									<div class="line"></div>
									<li>
										<i class="icon xiang"></i>
										<a href="">冰箱 冷柜</a>
									</li>
									<li>
										<i class="icon bingba"></i>
										<a href="">冰吧 酒柜</a>
									</li>
									<li>
										<i class="icon xiyiji"></i>
										<a href="">洗衣机</a>
									</li>
									<li>
										<i class="icon kong"></i>
										<a href="">空调</a>
									</li>
									<li>
										<i class="icon dian"></i>
										<a href="">电视</a>
									</li>
									<li>
										<i class="icon reshuiqi"></i>
										<a href="">热水器</a>
									</li>
									<li>
										<i class="icon chufang"></i>
										<a href="">厨房电器</a>
									</li>
									<li>
										<i class="icon diannao"></i>
										<a href="">电脑及外设</a>
									</li>
									<li>
										<i class="icon jiadian"></i>
										<a href="">小家电</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">商用解决方案
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">中央空调</a>
									</li>
									<li>
										<a href="">商用冷柜</a>
									</li>
									<li>
										<a href="">商用洗涤</a>
									</li>
									<li>
										<a href="">商用电视</a>
									</li>
									<li>
										<a href="">商用电脑</a>
									</li>
									<li>
										<a href="">U-home</a>
									</li>
									<li>
										<a href="">商用净水设备</a>
									</li>
									<li>
										<a href="">商用热泵</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">购买与服务
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">产品导购</a>
									</li>
									<li>
										<a href="">产品购买</a>
									</li>
									<li>
										<a href="">服务于支持</a>
									</li>
									<li>
										<a href="">会员尊享</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="fl">关于海尔
							<div class="subnav">
								<ul>
									<div class="line"></div>
									<li>
										<a href="">海尔品牌</a>
									</li>
									<li>
										<a href="">投资者关系</a>
									</li>
									<li>
										<a href="">品牌资讯</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
				<div class="search fr">
					<div class="searchL fl">
						<input type="text" placeholder="8k解码电视" class="fl">
						<i class="icon sousuo fr"></i>
						<div class="clear"></div>
					</div>
					<i class="icon gouwu"></i>
					<div class="icon about">
						<i class="icon about1"></i>
						<i class="icon aboutH"></i>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- banner开始 -->
		<div class="banner">
			<div class="bannercon">
				<ul>
					<li>
						<div class="contain">
							<div class="btn">
								<div class="btnL">
									<i class="icon dL"></i>
								</div>
								<div class="btnR">
									<i class="icon xR"></i>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 心选精品 -->
		<div class="jingpin">
			<div class="container">
				<h1>心选精品</h1>
				<ul>
					<li>
						<a href="">智慧家电</a>
					</li>
					<li>
						<a href="">健康抑菌</a>
					</li>
					<li>
						<a href="">青春风尚</a>
					</li>
					<li>
						<a href="">颜值控</a>
					</li>
					<li>
						<a href="">黑科技</a>
					</li>
					<li>
						<a href="">成套臻选</a>
					</li>
				</ul>
			</div>
			<!--先行者开始  -->
			<div class="xianxing">
				<div class="xianxingT"></div>
				<div class="xianxingB"></div>
				<div class="content">
					<a href="">
						<div class="kongtiaoL fl">
							<div class="kongpoto">
								<img src="./images/xinxuan1.webp" alt="">
							</div>
							<p class="zheT">先行者 3匹柜式变频空调</p>
							<p class="zheB">KFR-72LW/17EDS21AU1</p>
							<div class="line"></div>
						</div>
					</a>
					<div class="kongtiaoC fl">
						<a href="">
							<div class="guntong">
								<div class="guntongT">
									<div class="guntongtu">
										<img src="./images/xinxuan2.webp" alt="">
									</div>
									<P class="gongjin">10公斤纤合滚筒洗烘一体机</P>
									<P class="gongjinB">FAW10HD996LSU1</P>	
									<div class="line"></div>
								</div>
							</div>
						</a>
						<a href="">
							<div class="guntong">
								<div class="guntongT bianpin">
									<div class="guntongtu">
										<img src="./images/xinxuan5.webp" alt="">
									</div>
									<P class="gongjin">60升变频速热横式电热水器</P>
									<P class="gongjinB">EC6002-V5(U1)</P>	
									<div class="line"></div>
								</div>
							</div>
						</a>
					</div>
					<div class="kongtiaoR fl">
						<a href="">
							<div class="guntong">
								<div class="guntongT dianshi">
									<div class="guntongtu">
										<img src="./images/xinxuan3.webp" alt="">
									</div>
									<P class="gongjin">海尔50英寸智能电视</P>
									<P class="gongjinB">50T86</P>	
									<div class="line"></div>
								</div>
							</div>
						</a>
						<a href="">
							<div class="guntong">
								<div class="guntongT">
									<div class="guntongtu">
										<img src="./images/xinxuan6.webp" alt="">
									</div>
									<P class="gongjin">近吸式三速电子触摸按键吸油烟机</P>
									<P class="gongjinB">CXW-200-E900T6(J)</P>	
									<div class="line"></div>
								</div>
							</div>
						</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- 中间的轮播图 -->
			<div class="fengleng">
				<div class="fenglengC">
					<div class="bingxiang">
						<h3>503升风冷变频多门冰箱</h3>
						<div class="bcd">BCD-503WDCEU1</div>
					</div>
					<div class="tupian">
						<img src="./images/W020200717522905511411.webp" alt="">
					</div>
					<div class="ganshi">
						<p>干湿分储</p>
						<p>T·ABT健康杀菌</p>
						<p>全空间保鲜</p>
					</div>
					<div class="cankao">
						<span class="cankaoL">参考价￥</span>
						<span class="jianqian">7599</span>
					</div>
					<a href="">
						<div class="liaojie">了解更多</div>
					</a>
					<div class="btn">
						<div class="btnL">
							<i class="icon dL"></i>
						</div>
						<div class="btnR">
							<i class="icon xR"></i>
						</div>
					</div>
				</div>
			</div>
			<!-- 人气排行开始 -->
			<div class="renqiT">
				<div class="container">
					<h1>人气排行</h1>
					<ul>
						<li>
							<a href="">冰箱</a>
						</li>
						<li>
							<a href="">洗衣机</a>
						</li>
						<li>
							<a href="">空调</a>
						</li>
						<li>
							<a href="">热水器</a>
						</li>
						<li>
							<a href="">电视</a>
						</li>
						<li>
							<a href="">油烟机</a>
						</li>
						<li>
							<a href="">燃气灶</a>
						</li>
					</ul>
					<div class="binglist">
						<ul>
							<li class="fl">
								<a href="">
									<img src="./images/W020190917794628145760_580.webp" alt="">
									<p>477升风冷变频十字对开门冰箱</p>
									<span>BCD-477WDPCU1</span>
								</a>
								<a href="">
									<div class="moth">了解更多</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<img src="./images/W020191114561818015020_580.webp" alt="">
									<P>520升风冷变频对开门冰箱</P>
									<span>BCD-520WDPD</span>
								</a>
								<a href="">
									<div class="moth">了解更多</div>
								</a>
							</li>
							<li class="fl">
								<a href="">
									<img src="./images/W020191114648079562673_580.webp" alt="">
									<P>233升风冷变频三门冰箱</P>
									<span>BCD-233WDPT</span>
								</a>
								<a href="">
									<div class="moth">了解更多</div>
								</a>
							</li>
							<div class="clear"></div>
						</ul>
					</div>
				</div>
			</div>
			<div class="renqiB"></div>
			<!-- 全屋购开始 -->
			<div class="quanwu">
				<div class="quanwuL">
					<div class="quanwuLT">
						<img src="./images/W020191115727689153833.webp" alt="">
						<div class="line"></div>
					</div>
					<div class="quanwuLB">
						<a href="">
							<h3>全屋购</h3>
							<p>旗舰品质，一站购齐！当你踏进家门的一刻，生活变的更智<br>慧，一键开启空调、电视、扫地机器人、回家即使安心。</p>
						</a>
					</div>
					<div class="lanse"></div>
				</div>
				<div class="quanwuR">
					<div class="quanwuRB">
						<img src="./images/W020190919792681418917.webp" alt="">
						<div class="line"></div>
					</div>
					<a href="">
						<div class="quanwuRT">
							<h3>活动集结地</h3>
							<p>玩转好家电，超值不败家！家电活动，限时抢疯狂购！现在下手还不晚！</p>
						</div>
					</a>
				</div>
			</div>
			<!-- 品牌故事开始 -->
			<div class="pinpaigushi">
				<div class="pinpai">
					<h3>品牌故事</h3>
					<p>三十多年来，海尔与时俱进，从产品品牌到平台品牌，始终站在时代与行业发展前列。物联网时代， 
						<br>海尔生态品牌将持续为全球用户创造美好生活体验，成为全球生态品牌引领者。
					</p>
				</div>
				<div class="shipin">
					<img src="./images/haier2019_detailsPart_video.png" alt="">
				</div>
			</div>
			<!-- 品牌咨询开始 -->
			<div class="zixun">
				<h3>品牌咨询</h3>
				<div class="zixunL fl">
					<div class="zixuntu">
						<img src="./images/W020200930587483848385.webp" alt="">
					</div>
					<a href="">
						<h2>装修房子，找设计师；智慧生活，上海尔智家</h2>
						<p>人们对家具生活的要求越来越高，不仅要智能，还要有品位。装修房子时可以找设计师，那智慧生活找谁呢？直接上海尔智家就够了！</p>
					</a>
					<div class="xiantiao">
						<div class="xiantiaoC"></div>
					</div>
				</div>
				<div class="zixunR fr">
					<ul>
						<li>
							<div class="mothF fl"></div>
							<a href="" class="fr">更多</a>
							<div class="clear"></div>
							<a href="">
								<h2>你怕冷，TA怕热，难为空调了？海尔多联机：可冷热一起开！</h2>
								<p>入秋后气温变化大，老人们换上了厚实的衣物，而年轻人还在和“秋老虎”抗争。那空调该开制热还是制冷呢？</p>
							</a>
							<div class="xiantiao">
								<div class="xiantiaoC"></div>
							</div>
						</li>
						<li>
							<a href="">
								<h2>北京001号体验中心三翼鸟：1次体验，800套“样板”！</h2>
								<p>9月18日，2019房地产企业10强————融创地产在北京001号体验中心现场体验“三翼鸟”智慧用水场景方案后，立即为融创·壹...</p>
							</a>
							<div class="xiantiao">
								<div class="xiantiaoC"></div>
							</div>
						</li>
						<li>
							<a href="">
								<h2>设计+装修+买家电要去几家店？以前N家，现在1家</h2>
								<p>想要给浴室焕新，肯定少不了设计、装修、采购等环节，往往需要跑N家店才能办完，但现在，成都的小伙伴只需要去1家店就...</p>
							</a>
							<div class="xiantiao">
								<div class="xiantiaoC"></div>
							</div>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- 品牌链接开始 -->
			<div class="lianjie">
				<h3>品牌链接</h3>
				<ul>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414866553030.webp" alt="">
							</div>
						</a>
						
					</li>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414868476310.webp" alt="">
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414868829450.webp" alt="">
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414869241280.webp" alt="">
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414869617380.webp" alt="">
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414869975708.webp" alt="">
							</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<div class="casart">
								<img src="./images/W020190926414870328092.webp" alt="">
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<!-- 底部开始 -->
			<div class="footer">
				<div class="footcon">
					<ul>
						<li class="fl">
							<h3>智慧家庭</h3>
							<ul>
								<li>
									<a href="">智慧首页</a>
								</li>
								<li>
									<a href="">智家方案</a>
								</li>
								<li>
									<a href="">智慧家电</a>
								</li>
								<li>
									<a href="">生活资讯</a>
								</li>
								<li>
									<a href="">智慧体验店</a>
								</li>
							</ul>
						</li>
						<li class="fl">
							<h3>个人与家用产品</h3>
							<ul>
								<li>
									<a href="">冰箱</a>
								</li>
								<li>
									<a href="">冷柜</a>
								</li>
								<li>
									<a href="">冰吧</a>
								</li>
								<li>
									<a href="">酒柜</a>
								</li>
								<li>
									<a href="">洗衣机</a>
								</li>
								<li>
									<a href="">空调</a>
								</li>
								<li>
									<a href="">电视</a>
								</li>
								<li>
									<a href="">热水器</a>
								</li>
								<li>
									<a href="">厨房电器</a>
								</li>
								<li>
									<a href="">电脑及外设</a>
								</li>
								<li>
									<a href="">小家电</a>
								</li>
							</ul>
						</li>
						<li class="fl">
							<h3>商用解决方案</h3>
							<ul>
								<li>
									<a href="">中央空调</a>
								</li>
								<li>
									<a href="">商用冷柜</a>
								</li>
								<li>
									<a href="">商用洗涤</a>
								</li>
								<li>
									<a href="">商用电视</a>
								</li>
								<li>
									<a href="">商用电脑</a>
								</li>
								<li>
									<a href="">U-home</a>
								</li>
								<li>
									<a href="">商用净水设备</a>
								</li>
								<li>
									<a href="">商用热泵</a>
								</li>
							</ul>
						</li>
						<li class="fl">
							<h3>购买与服务</h3>
							<ul>
								<li>
									<a href="">产品导购</a>
								</li>
								<li>
									<a href="">产品购买</a>
								</li>
								<li>
									<a href="">服务于支持</a>
								</li>
								<li>
									<a href="">会员尊享</a>
								</li>
							</ul>
						</li>
						<li class="fl">
							<h3>关于海尔</h3>
							<ul>
								<li>
									<a href="">海尔品牌</a>
								</li>
								<li>
									<a href="">投资者关系</a>
								</li>
								<li>
									<a href="">品牌资讯</a>
								</li>
							</ul>
						</li>
						<li class="fl">
							<h3>友情链接</h3>
							<ul>
								<li>
									<a href="">智慧生活体验馆</a>
								</li>
								<li>
									<a href="">创客实验室</a>
								</li>
								<li>
									<a href="">COSMOPlat平台</a>
								</li>
								<li>
									<a href="">海尔创意平台</a>
								</li>
							</ul>
						</li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="footB">
					<div class="footBL fl">
						<ul>
							<li class="fl">
								<a href="">关于海尔</a>
							</li>
							<li class="fl">
								<a href="">法律声明</a>
							</li>
							<li class="fl">
								<a href="">联系我们</a>
							</li>
							<li class="fl">
								<a href="">帮助中心</a>
							</li>
							<li class="fl">
								<a href="">海尔门店</a>
							</li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="footBC fl">
						<a href="">鲁ICP备09096283</a>
						<span>&emsp;|&emsp;© 2000-2020 Haier.com. All rights reserved.</span>
					</div>
					<div class="footBR fr">
						<a href="">海尔集团</a>
						<span>&emsp;|&emsp;Haier 全球网站群 · <a href="" class="zhong">中国</a>  关注海尔 </span>
						<div class="weixinT fr">
							<i class="icon weixin"></i>
							<div class="erweima"></div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</body>
</html>
